<template>
	<div style="border:1px solid red;margin: 5px; ">
		<h2>farther</h2>
		<One></One>
	</div>
</template>
<script>
	import {provide,ref} from 'vue'
	import One from './One.vue'
	export default{
		components:{
			One
		},
		setup(){
			//father作为父级组件 通过provide函数 提供数据共享 (不限层次)
			//注意:provide只能向下传递数据 向子孙级别组件共享
			provide('globalVal','这是father组件传递过来的值')
			const str = ref('str')
			provide('globalStr',str)
		}
	}
</script>

<style>
</style>
